<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>响应式个人博客</title>
    <link rel="stylesheet" href="./style/css/main.css">
</head>
<body>
    <script src="./bootstrap/js/bootstrap.bundle.js"></script>
    <nav class="topbar">
        <ul class="topbar_list">
            <a href="./index.html"><li class="topbar_list_item active">主页</li></a>
            <a href="./about.html"><li class="topbar_list_item ">关于我</li></a>
            <a href="./scenary.html"><li class="topbar_list_item ">风景照片</li></a>
            <a href="./works.html"><li class="topbar_list_item">我的作品</li></a>
        </ul>
    </nav>

    <nav class="topbar_mobile">
        <ul class="topbar_mobile_list">
            <a href="./index.html"><li class="topbar_list_item active">主页</li></a>
            <a href="./about.html"><li class="topbar_list_item ">关于我</li></a>
            <a href="./scenary.html"><li class="topbar_list_item ">风景照片</li></a>
            <a href="./works.html"><li class="topbar_list_item">我的作品</li></a>
        </ul>
    </nav>

   <main>
    <div class="carousel slide" id="lunbotu">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="./assets/img/1.jpg" alt="">
                <div class="carousel-caption d-none d-md-block">
                    <h5>风吹走往事，愿好</h5>
                    <p>wind,wish</p>
                  </div>
            
            </div>
            <div class="carousel-item">
                <img src="./assets/img/2.jpg" alt="">
                <div class="carousel-caption d-none d-md-block">
                    <h5>虽然风灌满我的灵魂</h5>
                    <p>wind fills my soul</p>
                  </div>
            
            </div>
            <div class="carousel-item">
                <img src="./assets/img/3.jpg" alt="">
                <div class="carousel-caption d-none d-md-block">
                    <h5>灼热的起舞</h5>
                    <p>dance with a hot heart</p>
                  </div>
            
            </div>
            <div class="carousel-item">
                <img src="./assets/img/4.jpg" alt="">
                <div class="carousel-caption d-none d-md-block">
                    <h5>你笑语盈盈</h5>
                    <p>your smile like a snow</p>
                  </div>
            
            </div>
            <div class="carousel-item">
                <img src="./assets/img/5.jpg" alt="">
                <div class="carousel-caption d-none d-md-block">
                    <h5>颤抖的灵魂在等待</h5>
                    <p>An old man waiting so long</p>
                  </div>
            
            </div>
            <div class="carousel-item">
                <img src="./assets/img/6.jpg" alt="">
                <div class="carousel-caption d-none d-md-block">
                    <h5>我随手将你记下</h5>
                    <p>I see you in a very short moment</p>
                  </div>
            
            </div>
            <div class="carousel-item">
                <img src="./assets/img/7.jpg" alt="">
                <div class="carousel-caption d-none d-md-block">
                    <h5>大海会将你带来吗</h5>
                    <p>is the big sea wake you up?</p>
                  </div>
            
            </div>
            <div class="carousel-item">
                <img src="./assets/img/8.jpg" alt="">
                <div class="carousel-caption d-none d-md-block">
                    <h5>雨水的痕迹还是眼光</h5>
                    <p>we endure the rain or people's eys</p>
                  </div>
            
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#lunbotu" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#lunbotu" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                
            </button>
        </div>
       
    </div>

    <section class="detail">
        <div class="detail_list_left">
            <ul class="detail_list_item">
                    <h2 class="item_tit"><a href="#!">近期动态</a></h2>
            </ul>
        </div>
        <div class="detail_list_center">
            <ul class="detail_list_item">
             
                    <h2 class="item_tit"><a href="#!">最近心情</a></h2>
                
            </ul>
        </div>
        <div class="detail_list_right">
            <ul class="detail_list_item">
                
                    <h2 class="item_tit"><a href="#!">新年祈愿</a></h2>
             
            </ul>
        </div>
    </section>
   </main>
   <script src="./js/main.js"></script>
</body>

</html>